/*
 * @Author: zhangweixin 
 * @Date: 2018-11-29 12:17:20 
 * @Last Modified by: zhangweixin
 * @Last Modified time: 2018-11-29 16:36:16
 */
import React,{Component} from 'react';
import Template from './template.jsx';
// import style from './style.less';
// import className from 'classnames/bind';
// const classMap = className.bind(style);
export default class NavTabBar extends Component{
  constructor(props){
    super(props);
    this.handleLinkClick = this.handleLinkClick.bind(this);
    this.render = Template;
  }
  handleLinkClick(e) {
    // a的目标页面pathname与当前也pathname相同，则禁止跳转
    const target = e.currentTarget;
    const pathname = window.location.pathname.replace(/\//, '');
    const href = target.href.replace(/^https?:\/\/.+\//, '');
    pathname === href ? e.preventDefault() : null;
  }
  genLinkQuery() {
      //TODO: genLinkQuery function
  }
  // render(){
  //   return (
  //     <footer className={classMap("footer-nav-container")}>
  //       <div className={classMap("footer-nav-item")}>
  //         <div className={classMap("footer-nav-img-box")}>
  //           <img src="" alt=""/>
  //         </div>
  //         <div className={classMap("footer-nav-text")}>首页122</div>
  //       </div>
  //       <div className={classMap("footer-nav-item")}>
  //         <div className={classMap("footer-nav-img-box")}>
  //           <img src="" alt=""/>
  //         </div>
  //         <div className={classMap("footer-nav-text")}>首页</div>
  //       </div>
  //       <div className={classMap("footer-nav-item")}>
  //         <div className={classMap("footer-nav-img-box")}>
  //           <img src="" alt=""/>
  //         </div>
  //         <div className={classMap("footer-nav-text")}>首页</div>
  //       </div>
  //     </footer>
  //   )
  // }
}
